<template>
  <div class="flight-container">
    <div class="list-detail">
      <list :list="list"></list>
    </div>
  </div>
</template>
<script>
import List from "./components/List";
export default {
  name: "Flight",
  components: { List },
  data() {
    return {
      list: [{
          name: "经济",
          children: [{
              name: "如家",
              children: [{
                  name: "上江路-如家"
                },
                {
                  name: "望江路-如家"
                }]
            },{
              name: "7天",
              children: [{
                  name: "长江路-7天"
                },
                {
                  name: "望江路-7天"
                }]
            }]
        }]
    };
  }
};
</script>
<style lang="scss" scoped>
.flight-container {
  margin: 0 auto;
  width: 70em;
  .list-detail {
    margin-top: 2em;
    padding: 0.5em;
    width: 30em;
    border: 1px solid cornflowerblue;
  }
}
</style>
